{% extends "administrative/base.html" %}

{% block page_link %}
    <script src="../../static/administrative/js/approved_issue_detail.js"></script>
    <link rel="stylesheet" href="../../static/system_setup/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" href="../../static/administrative/css/style.css">
{% endblock %}


{% block style %}
    <style>
        .add_class{
            background: #1E90FF;
        }
        .file {
            position: relative;
            display: inline-block;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }
        .file input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
        }
        .file:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }
        tr{
            height: 35px;
        }
        th{
            text-align: center;
        }
        table {
            table-layout: fixed;
        }
        td:first-child, th:first-child {
            position:sticky;
            left:0; /* 首行永远固定在左侧 */
            z-index:1;
        }
        thead tr th {
            position:sticky;
            top:0; /* 列首永远固定在头部  */
            background-color: #E8E8E8;
        }
        th:first-child{
            z-index:2;
        }
        .li-class{
            list-style: none;
            margin-top: 2%;
            color: #0b0b0b;
            cursor: pointer;
        }
        .preserve{
            height: 30px;width: 90%;background: #0070c1;color: #ffffff;border-radius: 3px
        }
        li{
            list-style-type: none;
        }
        .model_li{
            color: #3f414d;
            width: 25%;
            cursor: pointer;
            display: none;
        }
        .basic-tabs {
            box-shadow: 0 1.5px 0 0 #1E90FF;
            color: #1E90FF;
        }
        .basic {
            width: 8%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
        }
    </style>
{% endblock %}



{% block right_content %}
    <div class="headline">
        <div style="width: 15%;height: 100%;line-height: 40px;float: left;padding-left: 1%;">
            <a href="approved.html" style="color: #0b0b0b;">
                <i class="iconfont icon-gongwenfawen"></i>
                <span> 已办审批</span>
            </a>
        </div>
    </div>

    <div style="width: 100%;height: 40px;padding-left: 3%;box-shadow: 0 1px 0 0 #CFCFCF;">

        <div id="create-menu" class="basic basic-tabs" onclick="Control_navigation(this.id)">
            申请详情
        </div>

        <div id="flow-status" class="basic" onclick="Control_navigation(this.id)">
            流程状态
        </div>
    </div>

    <div id="menu_from" class="right-box" style="width: 100%;height: 91%;overflow: auto;padding-bottom: 1%;">
        <div id="print_div" style="width: 70%;margin-top: 1%;margin-left: 15%;display: inline-block;box-shadow: -5px 10px 3px 0 #CFCFCF">
            <div style="width: 99%;background: white;">
                <div id="print_div1" style="width: 90%;margin-left: 4.5%"><!--startprint-->
                    <style>
                        @font-face {
                            font-family: 'FZXBSJW';
                            src: local('FZXBSJW'),
                            url('../../static/administrative/fonts/FZXBSJW.TTF') format("truetype");
                        }

                        @font-face {
                            font-family: '仿宋_GB2312';
                            src: local('仿宋_GB2312'),
                            url('../../static/administrative/fonts/仿宋_GB2312.ttf') format("truetype");
                        }
                    </style>
                    <div id ='issue_type' style="color: black;font-family: FZXBSJW;font-size: 24px;text-align: center;height: 60px;line-height: 60px;width: 100%;" >
                        {{ issue_type }}</div>
                    <div id='issue_number' style="margin-top: 1%;color: black;width: 100%;text-align: left;font-family: 仿宋_GB2312;font-size: 18.6px;padding-left: 25px;font-weight: bold">议题编号：{{ issue_number }}</div>
                    <div style="padding-left: 1%;padding-right: 1%;width: 100%;color: #0b0b0b;">
                        <table style="width: 100%;">
                            <tr style="margin-left: 1%;">
                                <td style="width: 20%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">提交部门</td>
                                <td id='submission_department' style="width: 20%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">{{ submission_department }}</td>
                                <td style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                    <div>负责人</div>
                                    <div>签&nbsp&nbsp字</div>
                                 </td>
                                <td id='in_charge_signature' style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                    <div style="display: none;"><div style='width: 100%;height: 40px;'><input type='radio'  name='in_charge_signature' value='同意'> 同意<input type='radio' name='in_charge_signature' value='不同意' style='margin-left: 2%;'> 不同意</div></div>
                                </td>
                                <td style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                     <div>提交</div>
                                     <div>日期</div>
                                </td>
                                <td id='submission_date' style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">{{ submission_date }}</td>
                            </tr>
                        </table>

                        <table style="width: 100%;">
                            <tr style="margin-left: 1%;">
                                <td style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 75px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">议&nbsp&nbsp&nbsp&nbsp题</td>
                                <td id="topics" style="width: 80%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px" >{{ topics }}</td>
                            </tr>
                            <tr style="margin-left: 1%;">
                                <td style="width: 20%;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 150px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">议题要点</td>
                                <td id="key_issues" style="width: 80%;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px" >{{ key_issues }}</td>
                            </tr>
                        </table>

                        <table id="jointly" style="width: 100%;">

                        </table>

                        <table style="width: 100%;">
                            <tr style="margin-left: 1%;">
                                <td style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 150px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                    <div>分管领导</div>
                                    <div>意见</div>
                                </td>
                                <td id="leader_opinion" style="width: 80%;text-align: left;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px" contenteditable="false">{{ leader_opinion }}</td>
                            </tr>
                        </table>

                         <table style="width: 100%;">
                            <tr style="margin-left: 1%;">
                                <td style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 120px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                    <div>主要负责人</div>
                                    <div>意见</div>
                                </td>
                                <td id="main_process" style="width: 80%;text-align: left;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px" contenteditable="false"></td>
                            </tr>
                        </table>

                        <table style="width: 100%;">
                            <tr style="margin-left: 1%;">
                                <td style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 120px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">处理结果</td>
                                <td id="processing_result" style="width: 80%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px" contenteditable="true"></td>
                            </tr>
                        </table>
                        <div style="margin-left: 1%;text-align:left">
                        <span style="text-align: left;font-family: 仿宋_GB2312;font-size: 18.6px;color: black;">备注：</span>
                        <div style="display:inline;text-align: left;font-family: 仿宋_GB2312;font-size: 18.6px;color: black;">
                            <span> 1.此表于院委会召开前三天提交，提交后原则上不能修改。</span>
                            <br>
                            <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2.此表字体及格式已设定，请勿改动；</span>
                        </div>
                    </div>
                     </div>
                </div>


                <div style="height: 30px;"></div>
            </div>


            <br>
            <div style="page-break-after:always;"></div>

            <!--endprint-->
            <iframe id="iframe1" style="display: none"></iframe>
            <div style="width: 100%;text-align: center;height: 50px;margin-top: 10px;">
                <button onclick="but_click()" style="width: 100px;border-radius: 3px;border: #dfdfdf solid 0.5px;">打印</button>
                <div id="issue_id" style="display: none">{{ issue_id }}</div>
                <div id="nuclear_draft_name" style="display: none"></div>
            </div>


        </div>
        <br>
        <div style="margin-top: 2%;width: 70%;margin-left: 15%">
            <span style="color: red;visibility: hidden;">*</span>
{#            <label style="vertical-align: top;"> 议题文件：</label>#}
            <a href="javascript:;" class="file" style="display: none;vertical-align: top;">
                上传文件
                <input type="file" name="accessory" id="accessory" onchange="upload_issue_file()">
            </a>
        </div>
        <br>
        <table class="table table-hover table-bordered" style="width: 70%;margin-left: 15%">
            <thead>
            <tr>
                <th scope="col" style="width: 5%;">序号</th>
                <th scope="col" style="width: 45%;">文件名</th>
                <th scope="col" style="width: 10%;">文件大小</th>
                <th scope="col" style="width: 10%;">上传人</th>
                <th scope="col" style="width: 20%;">上传时间</th>
                <th scope="col" style="width: 10%;">操作</th>
            </tr>
            </thead>
            <tbody style="overflow: auto;" id="t_table"></tbody>
        </table>
    </div>

    <div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-sm" style="margin-top: 10%;">
            <div class="modal-content" style="height: 150px;border-radius: 7px;width: 300px;background: #F8F8FF;border: #1E90FF solid 1px;">
                <div class="modal-header" style="height: 40px;background: #1E90FF;border-top-left-radius: 7px;border-top-right-radius: 7px;">
                    <h5 class="modal-title" style="line-height: 40px;width: 40%;text-align: center;color: #ffffff;">
                        提示对话框
                    </h5>
                    <button id="close-model2" type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-right: 3%;line-height: 40px;">
                        <span aria-hidden="true" style="font-size: 28px;color: white;">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="height: 50px;line-height: 60px;text-align: center;">
                    <p id="Confirm-content"></p>
                </div>
                <div class="modal-footer" style="height: 40px;">
                    <button id="countersign" type="button" class="btn btn-primary" aria-label="Close"
                            style="margin-left: 2%;margin-right: 2%;background: #1E90FF;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;确&nbsp;认&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 流程状态 -->
    <div id="process_status" style="width: 100%;height: 88%;display: none;margin-top: 0.2%;">
        <div style="height: 88%;width: 100%;overflow: auto;">
            <table class="table table-hover table-bordered" style="border-collapse: collapse;width: 100%;">
                <thead>
                <tr>
                    <th scope="col" style="width: 8%;">序号</th>
                    <th scope="col" style="width: 8%;">节点</th>
                    <th scope="col" style="width: 8%;">操作状态</th>
                    <th scope="col" style="width: 8%;">流程类型</th>
                    <th scope="col" style="width: 8%;">处理时间</th>
                    <th scope="col" style="width: 8%;">意见</th>
                </tr>
                </thead>
                <tbody style="overflow: auto;" id="t_table1"></tbody>
            </table>
        </div>
    </div>
{% endblock %}


{% block script %}
    <script src="../../static/public_file/js/jquery.min.js"></script>
    <script src="../../static/system_setup/js/jquery.ztree.all.min.js"></script>
    <script src="../../static/system_setup/js/django.ajax.post.csrf.js"></script>
    <script>
        function click_ul_9() {
            if (document.getElementById("jiantou5").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou5").className = "iconfont icon-jiantou-xia";
                document.getElementById("dispatch-Administrator-1").style.display = "inline-block";
            }else {
                document.getElementById("jiantou5").className = "iconfont icon-jiantou-shang";
                document.getElementById("dispatch-Administrator-1").style.display = "none";
            }
        }

        function click_ul_10() {
            if (document.getElementById("jiantou4").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou4").className = "iconfont icon-jiantou-xia";
                document.getElementById("dispatch-Administrator").style.display = "inline-block";
            }else {
                document.getElementById("jiantou4").className = "iconfont icon-jiantou-shang";
                document.getElementById("dispatch-Administrator").style.display = "none";
            }
        }
    </script>
{% endblock %}
